var b=2;
setInterval(function(){
    var a=2;

    var c=b%a;
    if(c==0){
        $('.wrapCar .MyCar').css({'background':'url("images/slide2.jpg") center center','background-size':'cover'})
    }else{
        $('.wrapCar .MyCar').css({'background':'url("images/slide1.jpg") center center','background-size':'cover'})
    };
    b++;
    },3000)

//这是类似轮播图的交互效果
var t=0;
$('.BtnDot .left').click(function () {
    t=t-1;
    if(t<0) t=4;
    if($(window).width()>1200){
        $('.rollUl').css('left',-386.5*t+'px');
    }else if($(window).width()>992){
        $('.rollUl').css('left',-330*t+'px');
    }else if($(window).width()>768){
        $('.rollUl').css('left',-345*t+'px');
    }else{
        $('.rollUl').css('left',-100*t+'%');
    }
    $('.BtnDot .Dot1 li').eq(t).css('background','orange').siblings().css('background','grey')

})

$('.BtnDot .right').click(function () {
    t=t+1;
    if(t>4) t=0;
    if($(window).width()>1200){
        $('.rollUl').css('left',-386.5*t+'px');
    }else if($(window).width()>992){
        $('.rollUl').css('left',-330*t+'px');
    }else if($(window).width()>768){
        $('.rollUl').css('left',-345*t+'px');
    }else{
        $('.rollUl').css('left',-100*t+'%');
    }
    $('.BtnDot .Dot1 li').eq(t).css('background','orange').siblings().css('background','grey')
})
$('.BtnDot .left').mouseenter(function () {
    $(this).css('color','orange')
})
$('.BtnDot .left').mouseleave(function () {
    $(this).css('color','grey')
})
$('.BtnDot .right').mouseenter(function () {
    $(this).css('color','orange')
})
$('.BtnDot .right').mouseleave(function () {
    $(this).css('color','grey')
})

var t1=0
setInterval(function () {
    t1++;

    if(t1>6) {
        t1=0;
        $('.theEight .a-pic .autoPic').css('left','0px')
    }
    if($(window).width()<500){
        $('.theEight .a-pic .autoPic').animate({'left':-100*t1+'%'},200,function () {
        })
    }else{
        $('.theEight .a-pic .autoPic').animate({'left':-230*t1+'px'},200,function () {
        })
    }
},4000)


//滚动监听
$('.myHeader .zrm-nav li').click(function () {
    // $('.navbar-toggle').click()
    switch ($(this).index()){
        case 0:
            $('html,body').animate({'scrollTop':'0px'});
            break;
        case 1:
            $('html,body').animate({'scrollTop': $('.theOne').offset().top});
            break;
        case 2:
            $('html,body').animate({'scrollTop': $('.theThree').offset().top});
            break;
        case 3:
            $('html,body').animate({'scrollTop':$('.theFour').offset().top});
            break;
        case 4:
            $('html,body').animate({'scrollTop':$('.theFive').offset().top});
            break;
        case 5:
            $('html,body').animate({'scrollTop':$('.theSix').offset().top});
            break;

    }
})

$(window).scroll(function() {
    if ($(window).scrollTop() > 500) {
        $('.myHeader').fadeIn();
        $('.sign').fadeIn()
    } else {
        $('.myHeader').fadeOut();
        $('.sign').fadeOut();
    }
})

$('.sign').click(function () {
    $('html,body').animate({'scrollTop':'0px'}, 1000)
})
